<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>如梦令</title>
    <style>
        h1{
            font-size: 20px;
        }
        .art1{
            font-size: 16px; 
            color: green;
        }
        #lab2{
            color: blue;

        }

    </style>
</head>
<body>
    <h1>如梦令</h1>
    <hr>
    <article class="art1">
    <p id="p1">
    昨夜雨疏风骤，浓睡不消残酒。<br>
    试问卷帘人，却道海棠依旧。<br>
    “知否，知否？应是绿肥红瘦。”<br>
    </p>
    </article>
    <h3 id="lab2">译文</h3>
    <article class="art1">
    <p id="p2">昨天夜里雨点虽然稀疏，但是风却劲吹不停，我酣睡一夜，然而醒来之后依然觉得还<br>
    有一点酒意没有消尽。于是就问正在卷帘的侍女，外面的情况如何，她只对我说：“海<br>
    棠花依旧如故”。知道吗？知道吗？应是绿叶繁茂，红花凋零。
    </p>
   </article>
</body>
</html>